// cover element-plus's variables
// https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #0966f0,
    ),
  ),
  $tabs: (
    'header-height': 50px,
  ),
  $table: (
    'header-text-color': #333,
    'header-bg-color': #f6f7f9,
  )
);
.el-link--primary {
  user-select: none;
}
.el-tabs__header {
  margin: 0;
}

.el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #eaeaea;
}

.el-table {
  border: 1px solid #eaeaea;
  border-bottom: none;
}
.el-select {
  width: 200px;
}
// 弹窗相关 el-dialog
.el-dialog {
  padding: 0;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: -webkit-calc(100% - 30px);
  max-height: calc(100% - 30px);
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
  .el-dialog__header {
    padding: 0 20px;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1f3f6;
    flex-shrink: 0;
  }
  .el-dialog__title {
    font-size: 14px;
  }
  .el-dialog__body {
    padding: 10px 20px;
  }
  .el-dialog__footer {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    padding-bottom: 12px;
    .center {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
// confirm样式
.el-message-box {
  padding: 0;
  .el-message-box__header {
    padding: 0 20px;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1f3f6;

    .el-message-box__title {
      font-size: 14px;
      color: #333;
    }

    .el-message-box__headerbtn {
      position: static;
    }
  }

  .el-message-box__content {
    padding: 20px 40px;
    font-size: 12px;
    color: #333;
  }

  .el-message-box__btns {
    padding: 0 40px 20px 40px;
    justify-content: center;
    button {
      padding: 8px 32px;
    }
  }
}
// 按钮相关
.el-button--primary.px32 {
  padding: 8px 32px;
}
.el-link {
  text-decoration: none !important;
}
.el-link--primary {
  font-size: 12px;
  & ~ .el-link--primary {
    margin-left: 10px;
  }
  .el-link__inner {
    font-size: unset;
  }
}
.el-checkbox {
  margin-right: 20px;
}
.el-table .el-scrollbar .el-table__empty-block {
  border-right: 1px solid #ebeef5;
  width: 100% !important;
}
.el-button--primary.is-plain {
  background-color: rgba($color: #000000, $alpha: 0);
  &:hover {
    background-color: #0966f0;
    color: #fff;
  }
}
